<script setup>
defineProps({
  enter: {type: Boolean, required: true},
  title: {type: String, required: true},
  label: {type: String, required: true},
})
</script>

<template>
  <view class="container" v-if="enter">
    <view class="segEng font120 inter bottomIn d2s">{{ label }}</view>
    <view class="segTitle font60 top-4 bottomIn d2s">{{ title }}</view>
  </view>
</template>

<style scoped>
.container {
  height: calc(100vw * (524 / 1920));
  align-items: center;
  justify-content: center;
}
</style>